<legend class='hyc-legend'>
    <i class="fa fa-list"></i>&nbsp;
    <span>运距维护</span>
</legend>

<div class="panel panel-default">
    <div class="panel-heading">城市列表</div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-2 text-right top7">省份</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadDepartCity()" ng-model="distanceObj.firstProCode" bs-options="p.code as p.name for p in loadProvince" bs-select placeholder="---请选择---" max-length-html="个被选中" allText="选中全部" noneText="没有选中">
                    </button>
                </div>
            </div>
            <div class="col-md-2 text-right top7">城市</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="distanceObj.firstCityCode" bs-options="cityData.code as cityData.name for cityData in loadCity" bs-select placeholder="---请选择---" max-length-html="个被选中" allText="选中全部" noneText="没有选中">
                    </button>
                </div>
            </div>
            <div class="col-md-4 text-center">
                <div class="btn btn-warning btn-primary btn-sm" ng-click="loadData('query')">查询</div>
                <div class="btn btn-sm btn-default" ng-click="clearParams()">重置</div>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <tr>
                <th class="text-center">选择</th>
                <th class="text-center">城市A</th>
                <th class="text-center">城市B</th>
                <th class="text-center">当前运距（KM）</th>
            </tr>
            <tr ng-repeat="distance in distances track by $index">
                <td class="text-center">
                    <input type="checkbox" class="checkbox hyc-inner-block" ng-model="distance.active" value="{{distance.id}}"/>
                </td>
                <td class="text-center">
                    {{distance.firstProName}}-{{distance.firstCityName}}
                </td>
                <td class="text-center">
                    {{distance.secondProName}}-{{distance.secondCityName}}
                </td>
                <td class="text-center">
                    {{distance.distance | number: 4}}
                </td>
            </tr>
            <tr ng-if="distances.length <= 0">
                <td colspan="4">
                    <div class="hyc-color text-center">
                        暂无运距数据
                    </div>
                </td>
            </tr>
        </table>
        <div ng-include="pageIncludeUrl" ng-if="distances.length > 0"></div>
    </div>
    <div class="panel-footer text-right padding5">
        <div class="btn btn-warning btn-sm" ng-click="showModel()">运距调整</div>
    </div>
</div>